<!-- 继承blog/base.html 文件 -->
{% extends "blog/base.html" %}
<!-- 加载自定义标签 --> 
{% load blog_tags %}
<!-- 使用此处标题块内容替换blog/base.html文件中标题块 -->
{% block title %}{{ post.title }}{% endblock %}
<!-- 使用此处内容块代码替换blog/base.html文件中内容块-->
{% block content %}
<h1>{{ post.title }}</h1>
<p class="date">
    Published {{ post.publish }} by {{ post.author }}
</p >
{{ post.body|markdown}}
<p>
    <a href=" 'blog:post_share' post.id %}">
        分享这篇文章
    </a >
</p >
<!--计算并存储评论的总数-->
{% with comments.count as total_comments %}
    <h2>
        {{ total_comments }} 条评论 {{ total_comments|pluralize }}
    </h2>
{% endwith %}
<!-- 遍历所有评论信息并显示-->
{% for comment in comments %}
    <div class="comment">
        <p class="info">
            Comment {{ forloop.counter }} by {{ comment.name }}
            {{ comment.created }}
        </p >
        {{ comment.body|linebreaks }}
    </div>
{% empty %}
    <p>这篇文章没有评论</p >
{% endfor %}
<h2>Similar posts</h2>
<!-- 对于每篇相似文章，显示其标题并变为链接支持跳转 -->
{% for post in similar_posts %}
 <p>
    {{ post.title }}
</p >
{% empty %}
    <p>没有找到相似的文章。</p >
{% endfor %}
<!--判断是否存在新添加的评论-->
{% if new_comment %}
<h2>你已经评论完成</h2>
{% else %}
    <h2>添加新评论</h2>
    <!-- 评论表单 -->
    <form method="post">
        <!-- 根据后端评论表单自动生成前端评论表单 -->
        {{ comment_form.as_p }}
        <!-- 防止远程跨域劫持攻击 -->
        {% csrf_token %}
        <!-- 提交评论按钮 -->
        <p><input type="submit" value="评论"></p >
    </form>
{% endif %}
{% endblock %}